<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
  </head>
  <body>
    <div id="app">
      <div class="tab-content">
        <div class="page n-hot" data-hot=".n-hot" data-cid="c_dmLad">
          <div
            class="list-wrap"
            data-movie-ids="1222234,343568,1336427,1229308,1299178,243,345006,1215591,894008,1299372,672203,1263157,1229373,1339160,1321751,1302233,1285582,1298359,1265157,248836,1322057,1259189,1338984,341051,1300936,688,1309640,594,1217023,1284493,1227323,1225754,227027,1298938,1299334,853258,1048268,1310470,240068,1299124,1260917,1140088,1309759,361,251786,291413,1204411,1328840,128834,265295,212088,250579,266031,207520,12610,1233459,911900,306012,12737,5268,340585,606567,334040,646600,578635,476259,1197625,1287210,1358557,1309692,1280929,206352,226785"
            style="margin-top: 0px"
          >
            <div
              class="item"
              data-id="1222234"
              data-bid="dp_wx_home_movie_list"
              v-for="item in movies"
            >
              <div class="main-block">
                <div class="avatar" sort-flag="">
                  <div class="default-img-bg">
                    <img
                      :src="item.img.replace('w.h','128.180')"
                      onerror="this.style.visibility='hidden'"
                    />
                  </div>
                </div>
                <div class="mb-outline-b content-wrapper">
                  <div class="column content">
                    <div class="box-flex movie-title">
                      <div class="title line-ellipsis">
                        {{ item.nm }}
                      </div>
                      <span class="version" :class="[item.version]"></span>
                    </div>

                    <div class="detail column">
                      <div v-if="!item.globalReleased">
                        {{ item.wish }}人想看
                      </div>
                      <div class="score line-ellipsis" v-else>
                        <span class="score-suffix">观众评 </span>
                        <span class="grade"> {{ item.sc }} </span>
                      </div>

                      <div class="actor line-ellipsis">
                        主演: {{ item.star }}
                      </div>

                      <div class="show-info line-ellipsis">
                        {{ item.showInfo }}
                      </div>
                    </div>
                  </div>

                  <div class="button-block" data-id="1222234">
                    <div class="btn" :class="[item.globalReleased?'normal':'pre']">
                      <span class="fix" data-bid="dp_wx_home_movie_btn"
                        >购票</span
                      >
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script src="../../lib/vue.global.js"></script>
  <script>
    Vue.createApp({
      data() {
        return {
          movies: [
            {
              id: 1222234,
              haspromotionTag: false,
              img:
                "http://p0.meituan.net/w.h/movie/e2ecb7beb8dadc9f07f2fad9820459f92275588.jpg",
              version: "",
              nm: "我的姐姐",
              preShow: false,
              sc: 8.9,
              globalReleased: true,
              wish: 482535,
              star: "张子枫,肖央,朱媛媛",
              rt: "2021-04-02",
              showInfo: "今天321家影院放映3305场",
              showst: 3,
              wishst: 0,
            },
            {
              id: 343568,
              haspromotionTag: false,
              img:
                "http://p0.meituan.net/w.h/moviemachine/58732574fbc2f64c04c3e825c058da7f16742753.jpg",
              version: "v3d imax",
              nm: "哥斯拉大战金刚",
              preShow: false,
              sc: 8.9,
              globalReleased: true,
              wish: 506799,
              star: "哥斯拉,金刚,亚历山大·斯卡斯加德",
              rt: "2021-03-26",
              showInfo: "今天320家影院放映3129场",
              showst: 3,
              wishst: 0,
            },
            {
              id: 1336427,
              haspromotionTag: false,
              img:
                "http://p1.meituan.net/w.h/movie/20dc4e981a012c9afc2b9d6e859a6af74794370.jpg",
              version: "",
              nm: "工作细胞：细胞大作战",
              preShow: false,
              sc: 0,
              globalReleased: true,
              wish: 37411,
              star: "花泽香菜,前野智昭,小野大辅",
              rt: "2021-04-09",
              showInfo: "今天312家影院放映1672场",
              showst: 3,
              wishst: 0,
            },
            {
              id: 1229308,
              haspromotionTag: false,
              img:
                "http://p0.meituan.net/w.h/movie/c5c0f985b2f85e3920eb2ecd80d58d331466056.jpg",
              version: "",
              nm: "第十一回",
              preShow: false,
              sc: 8,
              globalReleased: true,
              wish: 150547,
              star: "陈建斌,周迅,大鹏",
              rt: "2021-04-02",
              showInfo: "今天202家影院放映482场",
              showst: 3,
              wishst: 0,
            },
            {
              id: 1299178,
              haspromotionTag: false,
              img:
                "http://p1.meituan.net/w.h/moviemachine/1d67ba8aec840c3e7ecdac6cdbd915c7293706.jpg",
              version: "",
              nm: "名侦探柯南：绯色的子弹",
              preShow: false,
              sc: 0,
              globalReleased: false,
              wish: 78522,
              star: "高山南,山崎和佳奈,小山力也",
              rt: "2021-04-17",
              showInfo: "2021-04-17 下周六上映",
              showst: 4,
              wishst: 0,
            },
            {
              id: 243,
              haspromotionTag: false,
              img:
                "http://p1.meituan.net/w.h/moviemachine/f7086730608eb956c7c27e9eb3b5cc415439205.jpg",
              version: "v3d imax",
              nm: "阿凡达",
              preShow: false,
              sc: 9.3,
              globalReleased: true,
              wish: 35621,
              star: "萨姆·沃辛顿,佐伊·索尔达娜,米歇尔·罗德里格兹",
              rt: "2021-03-12",
              showInfo: "今天122家影院放映202场",
              showst: 3,
              wishst: 0,
            },
            {
              id: 345006,
              haspromotionTag: false,
              img:
                "http://p0.meituan.net/w.h/movie/d6e3e1dc75fd4fbcd3ebc7fb7c09f1d72989216.jpg",
              version: "",
              nm: "西游记之再世妖王",
              preShow: false,
              sc: 8.3,
              globalReleased: true,
              wish: 242702,
              star: "边江,张磊,蔡海婷",
              rt: "2021-04-02",
              showInfo: "今天180家影院放映345场",
              showst: 3,
              wishst: 0,
            },
            {
              id: 1215591,
              haspromotionTag: false,
              img:
                "http://p0.meituan.net/w.h/movie/dc52ff630e844c569b9559674db03b722183228.jpg",
              version: "",
              nm: "迷雾追凶",
              preShow: false,
              sc: 0,
              globalReleased: true,
              wish: 767,
              star: "托尼·塞尔维洛,让·雷诺,阿莱西奥·博尼",
              rt: "2021-04-09",
              showInfo: "今天35家影院放映58场",
              showst: 3,
              wishst: 0,
            },
            {
              id: 894008,
              haspromotionTag: false,
              img:
                "http://p1.meituan.net/w.h/moviemachine/9be184648a639e0976887c9fd63385b36499634.jpg",
              version: "v3d imax",
              nm: "寻龙传说",
              preShow: false,
              sc: 9,
              globalReleased: true,
              wish: 30832,
              star: "赵丽颖,凯莉·玛丽·陈,奥卡菲娜",
              rt: "2021-03-05",
              showInfo: "今天19家影院放映27场",
              showst: 3,
              wishst: 0,
            },
            {
              id: 1299372,
              haspromotionTag: false,
              img:
                "http://p0.meituan.net/w.h/movie/48774506dc0e68805bc25d2cd087d1024316392.jpg",
              version: "",
              nm: "你好，李焕英",
              preShow: false,
              sc: 9.5,
              globalReleased: true,
              wish: 1162302,
              star: "贾玲,张小斐,沈腾",
              rt: "2021-02-12",
              showInfo: "今天69家影院放映111场",
              showst: 3,
              wishst: 0,
            },
            {
              id: 672203,
              haspromotionTag: false,
              img:
                "http://p0.meituan.net/w.h/movie/81141b5b22506a06b585347eb5d90aff2828703.jpg",
              version: "",
              nm: "超级的我",
              preShow: false,
              sc: 0,
              globalReleased: true,
              wish: 41815,
              star: "王大陆,宋佳,曹炳琨",
              rt: "2021-04-09",
              showInfo: "今天317家影院放映2183场",
              showst: 3,
              wishst: 0,
            },
            {
              id: 1263157,
              haspromotionTag: false,
              img:
                "http://p0.meituan.net/w.h/movie/b87e99c121df5dcb00ad6dddf61bd6ee2246726.jpg",
              version: "",
              nm: "波斯语课",
              preShow: false,
              sc: 9.2,
              globalReleased: true,
              wish: 10294,
              star: "纳威尔·佩雷兹·毕斯卡亚特,拉斯·艾丁格,莉奥妮·贝尼希",
              rt: "2021-03-19",
              showInfo: "今天85家影院放映157场",
              showst: 3,
              wishst: 0,
            },
          ],
        };
      },
    }).mount("#app");
  </script>
</html>
